<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="js/themes/icon.css" type="text/css">
    <link rel="stylesheet" href="js/themes/default/easyui.css" type="text/css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>
    <script>

        $(function () {
            $("#students-datagrid").datagrid({
                url:'students.do',
                columns:[[
                    {field:'id',title:'学号'},
                    {field:'name',title:'姓名'},
                    {field:'gender',title:'性别'},
                    {field:'bornday',title:'出生'}
                ]],
                pagination:true,
                pageList:[3,5,10,15],
                toolbar:'#tb'
            })
            $('#search').click(function () {
                var likeName = $('input[name="likeName"]').val()
                var gender = $('select[name="gender"]').val()
                var start = $('input[name="start"]').val()
                var end = $('input[name="end"]').val()
                $("#students-datagrid").datagrid({
                    queryParams: {
                        likeName:likeName,
                        gender: gender,
                        start:start,
                        end:end
                    }
                })
            })
        })
    </script>
</head>
<body>
<table id="students-datagrid"></table>
<div id="tb">
    姓名：<input type="text" name="likeName"> 性别：<select name="gender">
          <option value="-1">全部</option>
    <option value="男">男</option>
    <option value="女">女</option>
</select>
    <input  type="text" class="easyui-datebox" name="start" >
    <input  type="text" class="easyui-datebox" name="end" >
<button id="search">搜索</button>
</div>
<h3><a href="list" >person列表(EasyUi)</a></h3>
<h3><a href="listStudent.html" >listStudent列表(EasyUi)</a></h3>
</body>
</html>